<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <base href="${request.contextPath}/"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>互联网+农业云</title>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/common_click.js"></script>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/nydsj.css">






</head>
<body>
<div class="top_all">
    <p class="top_title">互联网+农业云</p>
    <div class="top_user">
        <div class="user_user">
            <div class="top_user_img">
                <img src="images/icon.png" alt="">

            </div>
            <p class="top_user_name">你好！管理员</p>
        </div>

    </div>


    <div class="top_out">
        <div class="out_out">
            <div class="top_out_img">
                <img src="images/icon.png" alt="">

            </div>
            <a href="/logout">
                <p class="top_out_name">退出</p>
            </a>
        </div>

    </div>



</div>

<!--图表-->
<div class="content_all">

    <div class="left_all">
        <div class="left_one">
            <p class="left_one_title">粮食价格</p>
            <div class="left_one_echarts">
                <div id="main" style="width: 100%;height:100%;"></div>
                <script type="text/javascript">
                    if (screen.width>1919)
                        document.write('<script type="text/javascript" src="js/nydsj_lsjg_1920.js"><\/script>');
                    if (screen.width<1919){
                        document.write('<script type="text/javascript" src="js/nydsj_lsjg_1440.js"><\/script>');
                    }
                </script>
            </div>
        </div>
        <div class="left_two two">
            <p class="left_one_title">水稻产量</p>
            <div id="main2" style="width: 100%;height:100%;"></div>
            <script type="text/javascript">
                if (screen.width>1919)
                    document.write('<script type="text/javascript" src="js/nydsj_sdcl_1920.js"><\/script>');
                if (screen.width<1919){
                    document.write('<script type="text/javascript" src="js/nydsj_sdcl_1440.js"><\/script>');
                }
            </script>
        </div>
        <div class="left_three two">
            <p class="left_three_title">土壤有机质</p>
            <div id="main3" style="width: 100%;height:100%;"></div>
            <script type="text/javascript">
                if (screen.width>1919)
                    document.write('<script type="text/javascript" src="js/nydsj_tryjz_1920.js"><\/script>');
                if (screen.width<1919){
                    document.write('<script type="text/javascript" src="js/nydsj_tryjz_1440.js"><\/script>');
                }
            </script>
        </div>
    </div>

    <div class="center_all">
        <div class="map_all">
            <div class="content_map">
                <img src="images/map2.png" alt="">
            </div>
        </div>
        <div class="content_echarts">
            <div  class="content_echarts_one">
                <p class="content_title">土壤PH值</p>
                <div id="main4" class="echarts_one"></div>
                <script type="text/javascript">
                    if (screen.width>1919)
                        document.write('<script type="text/javascript" src="js/nydsj_trphz_1920.js"><\/script>');
                    if (screen.width<1919){
                        document.write('<script type="text/javascript" src="js/nydsj_trphz_1440.js"><\/script>');
                    }
                </script>
            </div>

            <div  class="content_echarts_two">
                <p class="content_title">报警信息</p>
                <table class="center_table" id="bjxx">

                </table>
            </div>
        </div>
    </div>

    <div class="right_all">
        <div class="right_one">
            <div class="right_one_1">
                <p class="right_one_1_title">种植面积</p>
                <div class="right_one_1_echarts">
                    <div class="right_one_1_echarts_table">
                    </div>
                </div>
            </div>

            <div class="right_one_2">
                <p class="right_one_2_title">化肥</p>
                <div id="main5" class="right_one_2_echarts">
                    <script type="text/javascript">
                        if (screen.width>1919)
                            document.write('<script type="text/javascript" src="js/nydsj_hf_1920.js"><\/script>');
                        if (screen.width<1919){
                            document.write('<script type="text/javascript" src="js/nydsj_hf_1440.js"><\/script>');
                        }
                    </script>

                </div>
            </div>
        </div>
        <div class="right_one two">
            <div class="right_one_1">
                <p class="right_one_1_title">有效钾</p>
                <div id="main6" class="right_one_1_echarts">
                    <script type="text/javascript">
                        if (screen.width>1919)
                            document.write('<script type="text/javascript" src="js/nydsj_yxj_1920.js"><\/script>');
                        if (screen.width<1919){
                            document.write('<script type="text/javascript" src="js/nydsj_yxj_1440.js"><\/script>');
                        }
                    </script>
                </div>
            </div>
            <div class="right_one_2">
                <p class="right_one_2_title">有效磷</p>
                <div id="main7" class="right_one_2_echarts">
                    <script type="text/javascript">
                        if (screen.width>1919)
                            document.write('<script type="text/javascript" src="js/nydsj_yxl_1920.js"><\/script>');
                        if (screen.width<1919){
                            document.write('<script type="text/javascript" src="js/nydsj_yxl_1440.js"><\/script>');
                        }
                    </script>
                </div>
            </div>
        </div>
        <div class="right_one two">

            <div id="main8" class="right_bottom">
                <script type="text/javascript">
                    if (screen.width>1919)
                        document.write('<script type="text/javascript" src="js/nydsj_echarts_1920.js"><\/script>');
                    if (screen.width<1919){
                        document.write('<script type="text/javascript" src="js/nydsj_echarts_1440.js"><\/script>');
                    }
                </script>
            </div>
        </div>
    </div>

</div>

<div class="footer_all"></div>



</body>
</html>
<script>


        $.ajax({
            type: "post",
            dataType: "json",
            url: "nydsj/bjxx.html",
            success:function(json){
                var str="";
                for(var i=0;i<json.length;i++){
                    str += "<tr>" +
                        "<td>" + json[i].createDate + "</td>>" +
                        "<td>" + json[i].region + "</td>>" +
                        "<td>" + json[i].situation + "</td>>" +
                        "<td>" + json[i].situationValue + "</td>>" +
                        "</tr>"
                }
                $("table.center_table").append(str);

            },
            error:function(){}
        });

</script>
<script>


    $.ajax({
        type: "post",
        dataType: "json",
        url: "nydsj/zzmj.html",
        success:function(json){
            var atr ="";

            var nums="";
            var nn="";
            var bbb="㎡";
            for(var i=0;i<json.length;i++){
                var str="";
                nums=json[i].area;
                for(var j=0;j<6;j++){
                    nn=nums.substring(j,j+1);
                    str += "<div>" +nn + "</div>"
                }

                atr +="<div class='right_one_1_echarts_tr'>"+ "<div class='right_one_1_echarts_tr_td1'>"+json[i].category+"</div>"+"<div class='right_one_1_echarts_tr_td2'>"+str+"</div>"+"<div class='right_one_1_echarts_tr_td3'>"+bbb+"</div>"+"</div>";

            }
            $(".right_one_1_echarts_table").append(atr);

        },
        error:function(){}
    });

</script>

